
html, body, div, p, li, ul, form, 
set, h1, h2, h3, h4, h5, h6   { margin: 0; padding: 0; list-style: none; }
.none     { display: none;}
.hidden   { visibility: hidden;}
.fl       { float: left !important;}
.fr       { float: right !important;}
.left     { text-align: left;}
.right    { text-align: right;}
.center   { text-align: center !important;}
.bold     { font-weight: bold;}
.italic   { font-style: italic;}
.nomargin { margin: 0 !important;}
img       { border: none;}
a         { outline-style: none; }
.clear        { display: block; clear: both; width: 100%; height: 0; line-height: 0; font-size: 0; }
html, body    { height: 100%; }
body          { letter-spacing: 0em; background: #fff; }

/* -- Links -- */
a, a:visited, a:active, a:link {  text-decoration: underline; outline: none; }
a:hover                        {  text-decoration: none; }

/* -- Titulares -- */
h1, h2, h3, h4, h5 { font-weight: normal; }
h1   { font-size: 2em; margin: 0 0 20px; }
h2   { font-size: 1.833em; margin: 0 0 15px; }
h3   { font-size: 1.667em; margin: 0 0 10px; }      
h4   { font-size: 1.333em; margin: 0 0 10px; }
h5   { font-size: 1.167em; margin: 0 0 5px; }

/* -- Imagenes -- */
img, a img { border: none; }
.imgLeft { float: left; margin: 2px 10px 10px 0; }
.imgRight { float: right; margin: 2px 0 10px 10px; }

/* Fuentes y Color
 * ------------
 */
body { font: .750em Arial, sans-serif; scrollbar-base-color:#404040;}
input, textarea { font: 1em Arial, sans-serif; }
a span { cursor: pointer;}
h1, h2, h3, h4, h5 { color: #201917; }

table { font-size: 1em; }
#content, input, textarea, select { color: #404040;}
#footer p { font-size: .917em; }
.modal-window p, #content p { font-size: 1em; }

/*  Layout
 *  ------
 */
 
#main {
 	width: 100%;
	margin: 0 auto; padding: 0;
	text-align: left;
	position: relative;
 	background: url(../images/bg-header-repeat.png) 0 0 repeat-x; 
}
#header {
  position: relative;
  margin: 0 auto;
  width: 100%; height: 96px;
  background: url(../images/bg-header.png) 0 0 no-repeat;
}
#content {
  position: relative;
  margin: 20px 20px 20px 230px; 
}
#sidebar {
  position:absolute; 
  top:116px;
  padding: 0 20px 0 25px;
  width: 178px; 
}
#footer {
  margin: 20px; 
 	height: 20px;
}

/*  Header
 *  ------
 */

/* -- Logo -- */
#logo { position: relative; top: 64px; left: 20px; width: 289px; height: 40px; float: left; }
#logo a  { position: relative; display: block; width: 179px; height: 24px; line-height: 24px; font-weight: bold; font-size: 2em; color: #fff; text-decoration: none; }
#logo a span  { position: absolute; bottom: 0px; left: 0px; width: 200px; height: 70px; display: block; color: #fff; text-indent: -1000px; text-align: center; overflow: hidden; background: url(../images/bg-logo-login.png) no-repeat; }

/* -- User -- */
#user { position: absolute; top: 20px; right: 25px; color: #c6c6c6; }
#user h2 { display: block; margin: 0; font-size: 1.167em; color: #f8f8f8; font-weight: bold; }
#user h2 span { font-size: .833em; font-weight: normal; color: #e3e3e3; }
#user a { font-size: .917em; color: #e3e3e3; text-decoration: none; }

/*  Menu 
 *  -------
 */

/* -- Mainmenu -- */		
ul#floatMenu            { position: absolute; top: 0; }
ul.mainmenu             { padding: 0; margin: 0 0 30px 0; width: 180px; text-align: left; list-style: none; border: 1px solid #ccc; background-color: #F8F8F8; -webkit-border-radius: 6px; border-radius: 6px;  -moz-border-radius:6px;}
ul.mainmenu li          { padding: 10px 20px; border-bottom:1px solid #dcdcdc; }
ul.mainmenu li.active   { background: #f0f0f0 url(../images/ico/main-menu_active.gif) 0 14px no-repeat; }
ul.mainmenu li.first    { -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; }
ul.mainmenu li.last     { border: none; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; }
ul.mainmenu li a        { padding: 0; margin:0; display:block; height:100%; text-decoration:none; color: #848484; font-size: 1em; font-weight: bold; }
ul.mainmenu li.active a { text-decoration:none; color: #201917; }
ul.mainmenu li a:hover  { color:#333; text-decoration:none; }  
ul.mainmenu li ul.submenu       { position: relative; top: 5px; margin: 0; padding: 0; }
ul.mainmenu li ul.submenu li    { margin: 0; padding: 5px 10px; border: none; background: none !important; }
ul.mainmenu li ul.submenu li a  { padding: 0; color: #404040; font-weight: normal; font-size: 1em; }
ul.mainmenu li ul.submenu li.active a { color: #404040; font-weight: bold; }
ul.mainmenu li ul.submenu li a:hover  { color: #404040; }



ul.buttons           { padding: 0; margin: 0; width: 215px; text-align: left; list-style: none; border: 1px solid #ccc; background-color: #F8F8F8; -webkit-border-radius: 6px; border-radius: 6px;  -moz-border-radius:6px; }
ul.buttons li          { padding: 10px 20px; border-bottom:1px solid #dcdcdc; }
ul.buttons li.active   { background: #f0f0f0 url(../images/ico/main-menu_active.gif) 0 14px no-repeat; }
ul.buttons li.first    { -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; }
ul.buttons li.last     { border: none; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; }
ul.buttons li a        { padding: 0; margin:0; display:block; height:100%; text-decoration:none; color: #848484; font-size: 1.25em; font-weight: bold; }
ul.buttons li.active a { text-decoration:none; color: #201917; }
ul.buttons li a:hover  { color:#333; text-decoration:none; }  
ul.buttons li ul.submenu       { position: relative; top: 5px; margin: 0; padding: 0; }
ul.buttons li ul.submenu li    { margin: 0; padding: 5px 10px; border: none; background: none !important; }
ul.buttons li ul.submenu li a  { padding: 0; color: #404040; font-weight: normal; font-size: 1.083em; }
ul.buttons li ul.submenu li.active a { color: #404040; font-weight: bold; }
ul.buttons li ul.submenu li a:hover  { color: #404040; }


/*  Contenido
 *  -------
 */                                               

#content p { margin-bottom: 25px; line-height: 1.6em; }
#content strong  { color: #000; }
#content .highlight { font-size: 1.167em; color: #000; }

/* --  ul, ol list -- */
.list    { margin: 0 0 20px 10px; padding: 0; }
.list li { margin-bottom: 5px; line-height: 16px; font-size: 1em; color: #404040; }

.list-disc li   { padding-left: 15px; background: url(../images/ico/list-disc.gif) 0 6px no-repeat; }
.list-square li { padding-left: 15px; background: url(../images/ico/list-square.gif) 0 6px no-repeat; }
.list-dash li   { padding-left: 15px; background: url(../images/ico/list-dash.gif) 0 6px no-repeat; }
.list-number li { margin-left: 20px; list-style: decimal; }

/* -- Columnas layout -- */
.col1, .col2, .col3, .col4, .col5 { height: 100%; }

.cols { overflow: hidden; height: 100%; clear: both; }
.cols .col1 { float: left; }
.cols .col2 { float: left; }

.cols50 .col1,
.form-cols .col1 { float: left; width: 48%; }
.cols50 .col2,
.form-cols .col2 { float: right; width: 48%; }

.cols3 .col1,
.cols3 .col2,
.cols3 .col3 { width: 30%; margin-right: 4%; }
.cols3 .col3 { float: left; margin: 0; }

.cols4 .col1,
.cols4 .col2,
.cols4 .col3,
.cols4 .col4 { float: left; width: 22%; margin-right: 4%; }
.cols4 .col4 { margin-right: 0; }

.cols2v1 .col1 { width: 64%; margin-right: 4%; }
.cols2v1 .col2 { width: 31%; }

.cols1v2 .col1 { width: 31%; margin-right: 4%; }
.cols1v2 .col2 { width: 64%; }

/* -- Breadcrumbs -- */
.buttons { position: relative; height: 40px; background:#eeeeee; border: 1px solid #ccc; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;  }
.buttons li { float: left; padding:4px 20px 4px 0; width:auto; }
.buttons li:hover { background:#ddd;}
.buttons img { float: left; margin: 0 5px 0 5px; }
.buttons span { float: left; padding-top:10px; }
.buttons a { text-decoration:none; } 


.breadcrumbs { position: absolute; left: 2px; top: -50px;}
.breadcrumbs li { float: left; line-height: 22px; margin:8px 0 0 0; font-size: 12px; padding: 0 15px 0 20px; background: url(../images/ico/breadcrumb_arrow.gif) 2px 60% no-repeat; }
.breadcrumbs a {  color: #699; } 
.breadcrumbs a:hover {  color: #6C3; } 


/* -- Box -- */
.box { margin-top: 25px; border: 1px solid #ccc; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;  }
.box .headlines,
.box .bookmarks { margin: -1px 0 10px; height: 54px; text-align: center; background: 0 0 repeat-x; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; }
.box .headlines h2 { display: block; float: left; font-size: 1.5em; padding-right: 40px; margin: 7px 0 0 5px; height: 49px; line-height: 32px; background: url(../images/bg-bookmark.gif) scroll top right; }
.box .headlines h2 span { display: block; margin: 0; padding: 0 0 0 40px; height: 49px; background: no-repeat; }

.box .bookmarks li          { margin: 0 20px 0 20px; float: left;  height: 49px; }      
.box .bookmarks li a        { margin-top: 7px; float: left; display: block; height: 49px; line-height: 28px; color: #fff; text-decoration: none; }
.box .bookmarks li.ui-state-default a { font-size: 1.167em; }
.box .bookmarks li.ui-state-active    { display: block; float: left; padding-right: 40px; margin: 7px 0 0 5px; height: 49px; line-height: 32px; background: scroll top right; }
.box .bookmarks li.ui-state-active a  { display: block; margin: 0; padding: 0 0 0 40px; color: #000; font-size: 1.5em; height: 49px; background: no-repeat; }
.box .ui-tabs-hide { display: none !important; }

.box .headlines .show-filter { float: right; margin-right: 10px; color: #fff; line-height: 38px; }  
.box .headlines .help        { display: block; width: 24px; height: 24px; float: right; margin: 6px 10px 0 0; color: #fff; background: url(../images/ico/help.png) 0 0 no-repeat; }

.box .box-content { overflow: hidden; padding:0px; }

.box-cols           { overflow: hidden; }
.box-cols .box-col  { width: 48%; float: left; }
.box-cols .box-last { float: right; }

/* -- Table  -- */
table .table { width: 100%; margin-bottom: 20px; border-collapse: collapse; }
table .table th { padding: 8px 12px; text-align: left; font-size: 1em; border-top: 2px solid #ccc; background:#e1f2dd; }
table .table td { padding: 8px 12px; text-align: left; font-size: 1em; border-bottom: 1px solid #e3e3e3; background: transparent; }
table .table th.action { border-right: 0;}
table .table th.checkbox, table .table td.checkbox { padding: 8px 2px;width: 20px; }
table .table td.action, table .table th.action { width: 35px; text-align: right; }
table .table td.action a.ico { float: right; }

table .table tr.odd   { background: #f8f8f8; }
table .table tr:hover { background: #efefef; }

table .table th.dragHandle  { padding: 0; width: 10px; }
table .table td.dragHandle  { padding: 0; width: 10px; cursor: move; background: url(../images/dragHandle.png) 2px 2px no-repeat;} 

table .table td a { text-decoration: none; }

/* -- Ico -- */
a.ico         { display: block; float: left; width: 10px; height: 10px; margin: 3px 4px 0; overflow: hidden; text-indent: 20px; background-position: 0 -10px; }
a:hover.ico   { background-position: 0 0; }
.ico-edit     { background: url('../images/ico/edit.gif') no-repeat; }
.ico-delete   { background: url('../images/ico/delete.gif') no-repeat; }

/* -- Btn-default -- */
.btn-default          { display: block; width: 99px; text-align: center; height: 26px; line-height: 26px; color: #fff; font-weight: bold; text-decoration: none !important; }

/* -- Pagination -- */
.pagination                 { text-align: right; margin: 0 20px 20px 0; overflow: hidden; }
.pagination p               { float: right; margin: 2px 10px 0 0 !important; }
.pagination ul              { float: right; }
.pagination ul li           { display: inline; margin: 0 4px; float: left; }
.pagination ul li a         { display: block; float: left; height: 17px; padding-top: 3px; color: #363636 !important; text-decoration: none; font-weight: bold; font-size: 1em; vertical-align: middle; }
.pagination ul li.graphic a { width: 20px; overflow: hidden; border: 1px solid #E3E3E3; -webkit-border-radius: 5px; border-radius: 5px;  -moz-border-radius: 5px; }
.pagination ul li.graphic a:hover { border-color: #ccc; }
.pagination ul li.first a   { background: url(../images/ico/bg-first.gif) 0 0 no-repeat; }   
.pagination ul li.prev a    { background: url(../images/ico/bg-prev.gif) 0 0 no-repeat; margin-right: 8px; }
.pagination ul li.next a    { background: url(../images/ico/bg-next.gif) 0 0 no-repeat; margin-left: 8px; }                                
.pagination ul li.last a    { background: url(../images/ico/bg-last.gif) 0 0 no-repeat; }

/* -- Tab action -- */
.tab-action { float: left; width: auto; margin-left: 20px; }
.tab-action .select { width: auto; font-size:x-small; float: left; padding: 4px; border: none; margin: 0 10px 0 0; background: transparent; border: 1px solid #E3E3E3; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.filter .submit,
.tab-action .submit { margin-top: 2px; padding: 3px 7px; color: #000; cursor: pointer; background: url(../images/bg-input-submit.gif) repeat-x 0 0; border: 1px solid #BBBBBB; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

/* -- Filtros -- */
.filter { display: none; padding: 0 20px 15px; margin: 0 0 10px; text-align: left; border-bottom: 1px solid #e3e3e3;  }
.filter .input { padding: 4px 5px; margin: 0 10px 3px 0; border: 1px #dadada solid; }

/* -- Galeria -- */
.gallery       { overflow: hidden; }
.gallery .item { float: left; width: 150px; height: 170px; margin: 0 20px 20px 0; overflow: hidden; }
.gallery .item .thumb { height: 150px; padding-bottom: 12px; background: url(../images/img-shadow.png) center 100% no-repeat; }
.gallery .item .tools { display: none; margin: -5px auto 0; width: 40px; height: 18px; }

/* -- FormBox -- */
.formBox                  { position: relative; padding-bottom: 20px; }
.formBox fieldset         { padding: 0; margin: 0; border: none !important; }
.formBox .clearfix        { overflow: hidden; width: 100%; padding-bottom: 15px; }
.formBox .form-cols       { overflow: hidden; padding:20px; }
.formBox .col1 .lab,
.formBox .col2 .lab       { width: 28% !important; }
.formBox .col1 .con,
.formBox .col2 .con       { width: 69% !important; position: relative; }
.formBox .lab             { width: 12%; float: left; font-weight: bold; color: #1a2e4d; padding: 5px 2% 0 0; }
.formBox .lab span        { color: #CD0B1C; }
.formBox .con             { width: 85%; float: right; position: relative;  }
.formBox .file .con,
.formBox .checkbox .con   { background: none; border: none; }
.formBox .input { width: auto; float: left; padding: 2px 0  0 8px; height:23px; border: none; margin: 2px 0; background: transparent; border:1px solid #dadada; -webkit-border-radius: 6px; border-radius: 6px;  -moz-border-radius: 6px; }

.formBox .select { width: auto; float: left; padding: 3px 8px 3px 8px; height:26px; border: none; margin: 2px 0; background: transparent; border:1px solid #dadada; -webkit-border-radius: 6px; border-radius: 6px;  -moz-border-radius: 6px; }

.formBox .input:hover { background:#eaeaea; border:1px solid #CCC;}

.formBox .textarea:hover { background:#eaeaea; border:1px solid #CCC;}

.formBox .textarea        { width: 90% !important; float: left; padding: 4px 0; border: none; margin: 2px 0; background: transparent;border:1px solid #dadada; -webkit-border-radius: 6px; border-radius: 6px;  -moz-border-radius: 6px;  }
.formBox .textarea        { height: 90px; }

.formBox .file .upload-file    { width: 300px !important; float: left; padding: 4px 0; border: none; margin: 2px 0; border: 1px solid #dadada; background: url(../images/bg-input.gif) 0 0 repeat-x; -webkit-border-radius: 5px; border-radius: 5px;  -moz-border-radius: 5px;  }
.formBox .file .button-upload  { position: absolute; left: 310px; width: 99px; height: 29px; overflow: hidden; background: url("../images/choose-file.gif") no-repeat scroll right center;  }

.formBox .textarea-wysiwyg .con    { background-position: 0 27px; }


.formBox input:focus.input,
.formBox textarea:focus.textarea,
.formBox select:focus.select { color: #000; }



.formBox .btn-submit      { border-top: 1px solid #e3e3e3; padding: 15px 0 15px 15%; }
.formBox .table-space     { border-top: 1px solid #e3e3e3; padding: 15px 0 0 0; height:auto;}
.formBox .button          { margin-right: 3px; width: 99px; height: 26px; color: #fff; font-weight: bold; cursor: pointer; border: none; background: url(../images/bg-button.gif) 0 0 no-repeat;}

/* -- Form message -- */
.form-message          { display: block; padding: 10px 20px 10px 35px; margin-bottom: 20px; border: 1px solid; -webkit-border-radius: 6px; border-radius: 6px; -moz-border-radius: 6px; }
.form-message.correct  { border-color: #a8f383; background: #e4ffd4 url(../images/ico/correct.gif) 10px 11px no-repeat; }
.form-message.error    { border-color: #f3a48c; background: #ffded4 url(../images/ico/error.gif) 10px 11px no-repeat; }
.form-message.warning  { border-color: #fbea81; background: #fff9d4 url(../images/ico/warning.gif) 10px 11px no-repeat; }

.form-message p        { margin: 0 !important; }
.form-message ul       { margin: 5px 0 0 20px; padding: 0; }
.form-message ul li    { margin: 0; padding: 0; list-style: disc; font-size: 1em; line-height: 1.6em; }


/*  Footer
 *  ------
 */

/* -- Footer -- */
#footer a { color: #363636; text-decoration: none; }
#footer p { text-align: center; margin: 0 10px; color: #848484; }

/*  Modal Window
 *  ------------
 */

/* -- Modal -- */
#main #modal,
#main #help     { display: none; }
.modal-window	  { width: 500px; }
.modal-window p { margin-bottom: 25px; line-height: 1.6em; }
.modal-window .list    { margin: 0 0 20px 10px; padding: 0; }
.modal-window .list li { margin-bottom: 5px; line-height: 16px; font-size: 1em; color: #404040; }

.modal-window .list-disc li   { padding-left: 15px; background: url(../images/ico/list-disc.gif) 0 6px no-repeat; }
.modal-window .list-square li { padding-left: 15px; background: url(../images/ico/list-square.gif) 0 6px no-repeat; }
.modal-window .list-dash li   { padding-left: 15px; background: url(../images/ico/list-dash.gif) 0 6px no-repeat; }
.modal-window .list-number li { margin-left: 20px; list-style: decimal; }







/* EStilos del Modal Popup */

/* Estilos del DIV Principal del Moodal Popup */
.modal-dialog
{
    position:absolute;
    border:solid 2px #CCCCCC;
}

/* Estilos del DIV que esta dentro del DIV Principal */
.modal-dialog .container
{
    font-size:11px;
    width:340px;
    border:solid 1px #E5F1F4;
    background-color:#F2F9FF;
} 

/* dialog header */
.modal-dialog .header
{
    background: #2b7f17;	
    height:30px;
    padding-top:5px;
	color:#FFF;
	font-size:14px;
}

/* Estilos del DIV del Header y del DIV del Mensaje del Header "Confirmacion del Titulo" */
.modal-dialog .header .msg
{
    vertical-align:middle;
    padding-left:6px;
    color:#fff;
    font-size:14px;
    font-weight:bold;
}         

/* Estilos del DIV del Mensaje del Modal Popup "Esta Seguro de Eliminar"  */
.modal-dialog .body
{
    height:40px;
    background-color:#F2F9FF;
} 

/* Estilos del DIV del Mensaje del Modal Popup "Esta Seguro de Eliminar" */
.modal-dialog .body h2
{
    padding-top:10px;
    background-color: #F2F9FF;
    font-size:14px;
    text-align:center;
    font-weight:normal;
}  

/* Estilos del DIV que contiene el Div donde estas los Botones de SI o No...  */
.modal-dialog .footer
{
    height:30px;
    background-color: #F2F9FF;
} 

/* Estilos del Div donde estas los Botones de SI o No... */
.modal-dialog .footer .right
{
    background-color: #F2F9FF;
    float:right;
    text-align:right;
    padding-bottom:6px;
    padding-right:6px;
} 

/* Boton de Cerrar del Modal Popup */
.modal-dialog .close
{
    right:4px;	
    background: url(../images/cerrar.png) no-repeat 0px;	
    width:24px;	
    cursor:hand;	
    position:absolute;	
    top:5px;	
    height:16px;
}

/* Efecto cuando Mandamos a Llamas el Modal Popup */
.modalBackground 
{
    background-color:Gray;
    filter:alpha(opacity=35);
    opacity:0.5;
} 